<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";

	page {
		background-color: #f4f4f4;
		// font-size: 36px;
	}
	
	// body {
	//     font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	//     font-size: 36px;
	//     color: #333;
	//   }

	uni-page-body,
	html,
	body {
		height: 100%;
	}
	


	.page {
		height: 100%;
	}

	.width {
		width: 90%;
	}

	* {
		margin: 0;
		padding: 0;
	}

	.background {
		background-color: #ffffff;
	}


	.flex {
		display: flex;
	}

	.flex-row {
		flex-direction: row;
	}

	.flex-column {
		flex-direction: column;
	}

	//换行
	.flex-wrap {
		flex-wrap: wrap;
	}

	.flex-nowrap {
		flex-wrap: nowrap;
	}

	.flex-center {
		justify-content: center;
		align-items: center;
	}

	.items-baseline {
		align-items: baseline;
	}

	//justify 水平对齐方式 两端对齐
	.justify-between {
		justify-content: space-between;
	}

	//每个item两侧的距离相等
	.justify-around {
		justify-content: space-around;
	}

	//占一个
	.spray {
		flex: 1
	}



	//边框
	.border {
		border: 1px solid black;
	}

	//上边距
	.margin-top {
		margin-top: 25px;
	}

	.padding {
		padding: 1em;
	}


	.padding-left {
		padding-left: 20px;
	}


	.margin-left {
		margin-left: 20px;
	}

	.margin-bottom {
		margin-bottom: 15px;
	}

	.margin {
		margin: 5px 5px;
	}



	.border-radius {
		border-radius: 10px;
		/* 或者您想要的任何圆角大小 */
	}

	.box-shadow {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		/* 或者您想要的任何阴影效果 */
	}

	.object-fit {
		object-fit: cover;
	}


	.image-overflow {
		overflow: hidden;
	}

	.title {
		font-size: 16px;
		color: #333;
	}

	.image-style {
		height: 150px;
		width: 100%;
	}


	//z-index
	.z-index {
		z-index: 1
	}


	.padding-top {
		padding-top: 10px;
	}

	.padding-bottom {
		padding-bottom: 30px;
	}


	.text-hw {
		height: 150px;
		width: 170px;
	}

	.flex-item {
		flex: 1 1 45%;
		/* 允许子元素占据可用空间，但不超过45%的宽度 */
		margin: 0 2.5%;
		/* 给元素之间留出一些间距 */
		box-sizing: border-box;
		margin-top: 10px;
		transition: transform 0.3s ease;
		/* 确保边框和内边距包含在宽度内 */
	}


	.image-fill {
		
		height: 100px;
		/* 宽度填充整个容器 */
		/* 填充整个容器，保持图片宽高比 */
		border-radius: 10px;
		/* 添加圆角 */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		/* 添加阴影 */
		transition: transform 0.3s ease;
		/* 为阴影添加过渡效果 */
	}
</style>
<script>
	export default {




		onLaunch: function() {
			console.log('App Launch')
		
		
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>